﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Mạng xã hội mua bán siêu việt | ShoppingHere.com</title>
		<link rel="stylesheet" href="css/reset.css" type="text/css" />
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/sign-up.css" type="text/css" />
		<script src="scripts/jquery-1.5.2.min.js"></script>
		<script src="scripts/common.js"></script>
	</head>
	<body>
		<div id="page">
			<div id="subinfo">
				<div class="content">
					<table></tbody>
						<tr>
							<td class="phone">
								<p>Than phiền? Gọi 090-828-3489 (miễn cước)</p>
							</td>
							<td class="login">
								<ul>
									<li><span>Đăng nhập</span> | </li>
									<li><a href="#">Đăng ký</a></li>
								</ul>
							</td>					
						</tr>
					</tbody></table>
				</div>
			</div>
			<div id="banner">
				<div class="content">
					<form>
						<label for="username">Tên đăng nhập:</label>
						<input id="username" class="tb" type="text" />
						<label for="password">Mật khẩu:</label>
						<input id="password" class="tb" type="password" />					
						<input id="remember" type="checkbox" />
						<label for="remember">Ghi nhớ đăng nhập</label>
						<input type="submit" class="btn" value="Đăng nhập" />
						<div id="close">đóng</div>
					</form>
				</div>
			</div>
			<div id="seller-bar">
				
			</div>
			<div id="search">
				<div class="content">
					<form>
						<span>Tôi muốn tìm</span>
						<select>
							<option>sản phẩm</option>
							<option>gian hàng</option>
						</select>
						<span>có từ khóa là</span>
						<input class="tb" type="text" />
						<input class="btn" type="submit" value="Tìm kiếm">
						<span>hoặc</span>
						<a href="#">tìm nâng cao</a>
					</form>
				</div>
			</div>
			<div id="content">
				<div id="sign-up" class="block layout-1col">
					<div class="title"><h4>Đăng ký</h4></div>
					<ul class="content">
						<form>
							<div class="first">
								<h6>Loại người dùng</h6>
								<label for="su-type">Bạn là?</label>
								<select id="su-type">
									<option value="buyer">Người mua</option>
									<option value="seller">Người bán</option>
								</select>
							</div>
							<div>
								<h6>Thông tin đăng nhập</h6>
								<label for="su-username">Tên đăng nhập</label>
								<input type="text" id="su-username" class="tb" />
								<span class="error">Tên đăng nhập này đã có người dùng!</span>
								<span class="error">Chưa điền tên đăng nhập!</span>
								<label for="su-password">Mật khẩu</label>
								<input type="password" id="su-password" class="tb" />
								<span class="error">Chưa điền password!</span>
								<label for="su-repassword">Nhập lại mật khẩu</label>
								<input type="password" id="su-repassword" class="tb" />
								<span class="error">Password không khớp!</span>
							</div>
							<div class="last">
								<h6>Thông tin cá nhân</h6>
								<label for="su-fullname">Họ tên</label>
								<input type="text" id="su-fullname" class="tb" />
								<span class="error">Chưa điền họ tên!</span>
								<label for="su-email">Email</label>
								<input type="text" id="su-email" class="tb" />
								<span class="error">Chưa điền email!</span>
								<label for="su-sex">Giới tính</label>
								<select id="su-sex">
									<option value="male">Nam</option>
									<option value="female">Nữ</option>
								</select>
								<label for="su-address">Địa chỉ</label>
								<input type="text" id="su-address" class="tb" />
								<span class="error">Chưa điền địa chỉ!</span>
								<label for="su-phone">Điện thoại</label>
								<input type="text" id="su-phone" class="tb" />
								<span class="error">Chưa điền số điện thoại!</span>
								<label for="su-avatar">Ảnh đại diện</label>
								<input type="file" id="su-avatar" class="tb" />
								<span class="guide">Nếu bạn không chọn ảnh đại diện, website sẽ chọn ảnh mặc định<br />Chỉ chấp nhận định dạng jpg, png, gif và không vượt quá 60x60px</span>
								<span class="error">Chỉ cho phép jpg, png, gif!</span>
								<span class="error">Ảnh không được vượt quá 60x60px!</span>
								<input type="button" class="btn pre-submit" value="Đăng ký" />
								<input type="submit" class="btn submit" value="Đăng ký" style="display: none;" />
							</div>							
						</form>
					</ul>
				</div>				
			</div>
			<div id="footer">
				<p>&copy; 2011 - Nhóm Ứng Dụng Phân Tán 1 - ĐHKHTN. All rights reserved.</p>
			</div>
		</div>
	</body>
</html>